<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Corp Rigodon On Going</title>


<script src="../js/jquery-1.9.1.js" type="text/javascript"></script> 
<script src="../css/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> 

<link rel="stylesheet" type="text/css" href="../css/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../css/bootstrap/css/bootstrap-glyphicons.css">

<script src="../js/jquery-1.10.2.js" type="text/javascript"></script>
<script src="../js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script> 
<script src="../js/jquery.maphilight.js" type="text/javascript"></script>
<script src="../js/rigodon-on-going.js" type="text/javascript"></script> 

</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a href="DashboardPM.html"><img src="../images/seatpoint-white-border.png" /></a>
                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
                    <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar">
                    </span>
                </button>
            </div>
            <div class="navbar-collapse collapse" id="navbar-main">
                <ul class="nav navbar-nav">
                    <li class="dropdown"><a class="dropdown-toggle" href="#" id="themes">Dashboard</a>
                    </li>
                    <li class="active"><a href="#">Manage Request</a> </li>
                    <li ><a href="#">Manage Seat</a> </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown" ><a class="dropdown-toggle" data-toggle="dropdown" href="#" id="N1"><span class="glyphicon glyphicon-globe active"><span class="badge pull-right">
                        4</span></span></a>
                        <ul class="dropdown-menu list-group" aria-labelledby="setting">
                            <li class="list-group-item" >
                                <ul class="list-inline list-group" style="width:190px;">
                                    <li class="list-unstyled"><a tabindex="-1" href="../corp-manage-request-rigodon">Rigodon Request</a></li>
                                    <li class="list-unstyled"><span class="badge">2</span></li>
                                </ul>
                            </li>
                            <li class="list-group-item">
                                <ul class="list-inline list-group" style="width:190px;">
                                    <li class="list-unstyled"><a tabindex="-1" href="#" >New Seat Assignment</a></li>
                                    <li class="list-unstyled"><span class="badge">1</span></li>
                                </ul>
                            </li>
                            <li class="list-group-item">
                                <ul class="list-inline list-group" style="width:190px;">
                                    <li class="list-unstyled"><a tabindex="-1" href="#">Employee Seat</a></li>
                                    <li class="list-unstyled"><span class="badge">1</span></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#" id="A1">
                        Hi Jean! <span class="caret"></span></a>
                        <ul class="dropdown-menu" aria-labelledby="setting">
                            <li><a tabindex="-1" href="../default/">Logout</a></li>
                            <li class="divider"></li>
                            <li><a tabindex="-1" href="#">Help</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
	<div class="container">
		<div class="page-header" id="banner">
			<div class="row">
                <div class="col-lg-6">
                    <img src="../images/seatpoint-logo-sub.png" />
                </div>
                <div class="col-lg-6">
                    <div class="well">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="Enter Employee Name" />
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button" value="search">
                                        Search</button>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>	
		</div>
		<div class="row">
			<div class="col-lg-1"></div>
			<div class="col-lg-10" >
				<img id="seatmap-3F" src="../images/PIC3F-933x730.PNG" alt="seatmap-3F" class="map" width="930" height="730" usemap="#seatmap">
				<map name="seatmap">
					<area id="quadrantA" shape="rect" coords="40,421,333,696" href="#" alt="quadrantA" class="group" data-maphilight='{"fillColor":"18BC9C","shadow":true,"shadowBackground":"18BC9C","alwaysOn":true}'>
					<area id="quadrantB" shape="rect" coords="445,421,882,696" href="#" alt="quadrantB" class="group" data-maphilight='{"fillColor":"18BC9C","shadow":true,"shadowBackground":"18BC9C","alwaysOn":true}'>
					<area id="quadrantC" shape="rect" coords="445,23,882,300" href="#" alt="quadrantC" class="group" data-maphilight='{"fillColor":"18BC9C","shadow":true,"shadowBackground":"18BC9C","alwaysOn":true}'>
					<area id="quadrantD" shape="rect" coords="90,23,431,300" href="#" alt="quadrantD" class="group" data-maphilight='{"fillColor":"18BC9C","shadow":true,"shadowBackground":"18BC9C","alwaysOn":true}'>
				</map> 
			</div> 
			<div class="col-lg-1"></div>
		</div>
		<br />	
		<div class="row" >
			<div class="col-lg-5">&nbsp;</div>
			<div class="col-lg-5" style="float:right;">
			    <a data-toggle="modal" href="#myConfirmSeatRotation" class="btn btn-primary btn-lg">Confirm Floor Wide Seat Rotation</a>
            </div>
			<div class="col-lg-2">&nbsp;</div>
		</div>	
	</div>
	<hr>
	<div class="bs-docs-section">Test</div>
	<footer>
	<div class="row">
		<div class="col-lg-12">


			<p>&copy; 2013</p>
			<p>
				<a href="http://www.pointwset.com">www.pointwest.com</a>.
			</p>
			<p>Group 1</p>

		</div>
	</div>
	</footer>
	
	   <!-- Modal -->
      <div class="modal fade" id="myConfirmSeatRotation" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title">Confirm Seat Rotation</h4>
            </div>
            <div class="modal-body">
              This will now notify AFD/Infra/PM's for Seat Transfer Scheduling.  Are you sure you want to proceed?
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
              <button type="button" class="btn btn-primary">Yes</button>
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
      </div><!-- /.modal -->	
	</div>
</body>
</html>